<!--
 * @Descripttion: 
 * @Author: zheng xinyi
 * @Date: 2024-05-10 09:31:55
 * @LastEditors: zheng xinyi
 * @LastEditTime: 2024-05-11 15:33:44
-->
<template>
	<v-app
		:theme="mainStore.theme"
		:class="{
			ffbg: mainStore.settings.backgroundColor === '#ffffff',
			e5bg: mainStore.settings.backgroundColor === '#e5eaef',
			f8bg: mainStore.settings.backgroundColor === '#f8f8f8',
			welt: mainStore.settings.welt,
			shadowCard: mainStore.settings.cardStyle === 'shadow',
			borderCard: mainStore.settings.cardStyle === 'border',
			mobile: mainStore.isMobile
		}">
		<router-view />
	</v-app>
</template>

<script lang="ts" setup>
import { useMainStore } from '@/store/useMainStore'
import { watch } from 'vue'
const mainStore = useMainStore()
watch(mainStore, (val) => {
	console.log(val)
})
</script>
